

/* 
    Document   : JO_04II_CSS
    Created on : Aug 2, 2011, 8:49:33 AM
    Author     : Admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.JO_content_pagei{
    width: 960px;background:#222;
             position: relative;float:left;
}
.JO_pagesi{
    line-height: 24px;
    margin: 0 2px;
    padding:4px 8px;
    border:1px solid #222;

}
.JO_pagesi:hover{
    background: #222;
}
.pageactive{
    background: #444;
}
.input_texti{
    padding: 0 8px 0 8px;
    margin: 4px 0;
    border: 1px solid #454545;
    background-color: #3A3A3A;
    color: #D9D9D9;
    line-height: normal;
    height: 24px;
    float: left;
}
.input_selecti{
    margin: 4px 0px;
padding: 3px;
height: 24px;

font-size: 11px;
font-family: tahoma;
line-height: 16px;
border: 1px solid #454545;
    background-color: #3A3A3A;
    color: #D9D9D9;

}
.input_selecti option{
    height: 24px;
    line-height: 24px;
}
.input_buttoni{
    padding: 0px 8px 0px 8px;
    margin: 4px 0;
    height: 24px;
    border: 1px solid #454545;
    background-color: #2A2A2A;
    color: #D9D9D9;
    line-height: 22px;
    float: left;
    cursor: pointer;
}
.input_buttoni:hover{
    background: #1A1A1A;
}
body{
    margin: 0px;
    font-size: 11pt;
    font-family: tahoma;
    background-color: #222;
}
.JO_mainpagei{
    background-color: #202020;
    padding:0px;
    margin:0px auto;
    width:100%
}
.JO_pagei{
/*    height: 34px;*/
    width: 960px;
    margin: 0px auto;
    position: relative;
}
.JO_headmenui{
    height: 34px;
    width: 480px;background: url(JO_images/hr.gif) repeat-x bottom left #202020;
}
.JO_logini{
    height: 34px;
    width: 480px;
    position: absolute;
    left: 480px;
    top:0px;
    background: url(JO_images/hr.gif) repeat-x bottom left #202020;
}
.JO_accounti{
    height: 34px;
    width: 480px;
    position: absolute;
    left: 480px;
    top:0px;
    background: url(JO_images/hr.gif) repeat-x bottom left #202020;
}
#JO_txtusernamei{
    position: absolute;
    right: 240px;

    width: 78px;
    border: 1px solid rgb(69, 69, 69);
    /*                background: #1A1A1A url(images/commenter_time.gif) repeat-x left bottom;
    border-bottom: 1px solid #3D3D3D;
    border-left: 1px solid black;
    border-right: 1px solid #333;
    border-top: 1px solid black;*/
    background-color: rgb(58,58,58);
    color: rgb(217,217,217);
    line-height: 16px;
    height: 18px;
    top:7px;
    padding: 0px 4px 0px 4px;
    font-size: 11px;
}
#JO_txtpasswordi{
    position: absolute;
    left: 248px;

    width: 78px;
    border: 1px solid rgb(69, 69, 69);
    background-color: rgb(58,58,58);
    color: rgb(217,217,217);
    line-height: 16px;
    height: 18px;
    top:7px;
    padding: 0px 4px 0px 4px;
    font-size: 11px;
}
#JO_btnlogini{
    position: absolute;
    left: 344px;

    width: 60px;
    height: 20px;
    top:3px;
    padding: 0px 2px 0px 2px;
    line-height: 16px;
    font-size: 11px;
}
#JO_head_registeri{
    position: absolute;
    right: 8px;
    top:7px;
    height: 20px;
    width: 44px;
    line-height: 20px;
}
#JO_head_logouti{
    position: absolute;
    right: 0px;
    top:7px;
    height: 20px;
    width: 40px;
    z-index:100;
    line-height: 20px;
}
#JO_head_logoi{
    height: 64px;
    width: 960px;
    margin: 0px auto;
    position: relative;
    padding: 0px;
}
#JO_logoi_img{
    position:absolute;
    top:0px;left:0px;
    border: none;
    width: 240px;
    height: 64px;
    margin: 0px;
    padding: 0px;
    
    
}
#JO_head_searchi{
    position: absolute;
    left: 240px;
    background-color: #202020;
    width: 480px;
    height: 64px;
    top:0px
}
#JO_head_txtsearchi{
    position: absolute;
    left: 0px;
    bottom:4px;
    width: 374px;
    border: 1px solid rgb(69, 69, 69);
    background-color: rgb(58,58,58);
    color: rgb(217,217,217);
    line-height: 16px;
    height: 22px;
    padding: 0px 4px 0px 4px;
    font-size: 11px;
}
#JO_head_btnsearchi{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 88px;
    font-size: 11px;
    /*               border-bottom: 1px solid #3D3D3D;
    border-left: 1px solid black;
    border-right: 1px solid #333;
    border-top: 1px solid black;*/
}
#JO_head_righti{
    position: absolute;
    right: 0px;
    background-color: #202020;
    width: 240px;
    height: 64px;
    top:0px
}
#JO_footi{
    width: 960px;
    height: 48px;
    float: left;
    margin-top: 24px;
    border-top:1px solid #222;
    background: #222;
}
.JO_footi_content{
    width: 960px; height: 48px;position: relative;clear: both;
}
#JO_footi_imgleft{
    left: 7px;position: absolute;top: -19px;width: 69px;height: 18px;
    behavior: url(iepngfix.htc);
}
#JO_footi_imgright{
    position: absolute;left: 886px;top: -16px;width: 69px;height: 12px;
    behavior: url(iepngfix.htc);
}
#JO_footi_left{
    position: absolute;padding: 0px 0px 0px 8px; left: 0px; top: 0px; width: 952px; line-height: 24px;background: url(JO_images/hr.gif) repeat-x top left;  /* 40% */
}
#JO_footi_right{
    text-align: right; position:absolute;float: right; padding: 0px 7px 0px 0px; left: 480px; top: 0px; width: 473px; line-height: 24px;  /* 40% */
}
/*==============================================================================*/
a{
    text-decoration: none;
    color: #adadad;
}
a:hover{
    text-decoration: none;
    color: white;
}
*{
    font-size: 11px;
    font-family: tahoma;
    color:#EBEBEB;
}
.JO_buttonii{
   
}
.JO_buttonii:hover{
    background: url(http://file.bugsm.co.kr/nbugs/common/header/bg_headerWrap.gif) bottom right no-repeat;
    
}
.headmenui{
    padding: 0px 8px 0px 4px;
/*    border-right: 1px solid #7d7d7d;*/
    background: url(JO_images/hri.gif) top right repeat-y;
}
.headmenui_last{
    padding: 0px 7px 0px 4px;
/*    border-right: 1px solid #7d7d7d;*/
}
.menui{

    padding-top: 6px;
    text-align: center;
    background: url(JO_images/hri.gif) top right repeat-y #202020;
}
.arowi{
    padding: 0px 0px 4px 0px;margin: 0px;width:30px;min-width: 30px;
     height: 20px;
     z-index: 10;
     
}
.arowi:hover{
    padding: 0px 0px 4px 0px;margin: 0px;width:30px;min-width: 30px;
     height: 20px;
     z-index: 10;
     background: url(JO_images/blognav_sub_arrow1.gif) no-repeat center bottom;
}
.menuii{

    margin-top: 8px;
    margin-bottom: 0px;
    padding: 4px 8px 0px 8px;
    height: 24px;
    float: left;
    text-align: center;
    background: url(JO_images/hri.gif) top right repeat-y #1d1d1d;
/*background: url(JO_images/blognav_sub_arrow.gif) no-repeat center bottom #1d1d1d;*/
}
.dotii{
    float: left;
     margin-top: 8px;
     height: 28px !important;
     width: 2px !important;
     background: url(JO_images/hri.gif) top right repeat-y;
}
.menui3{

    margin-top: 8px;
    margin-bottom: 0px;
    padding: 6px 8px 0px 8px;
    height: 22px;
    float: left;
    text-align: center;
    background:  #1d1d1d;
/*background: url(JO_images/blognav_sub_arrow.gif) no-repeat center bottom #1d1d1d;*/
}
.menui3:hover{

    margin-top: 8px;
    margin-bottom: 0px;
    padding: 4px 8px 0px 8px;
    height: 24px;
    float: left;
    text-align: center;
    background: url(JO_images/blognav_sub_arrow1.gif) bottom center no-repeat #1d1d1d;
/*background: url(JO_images/blognav_sub_arrow.gif) no-repeat center bottom #1d1d1d;*/
}
.menui3:hover{
    font-weight: bold;
    color:#C5E86A;
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 4px 8px 0px 8px;
    height: 24px;
    float: left;
    text-align: center;
    background: url(JO_images/blognav_sub_arrow1.gif) bottom center no-repeat #1d1d1d;
/*background: url(JO_images/blognav_sub_arrow.gif) no-repeat center bottom #1d1d1d;*/
}
.menui3_selected{
    font-weight: bold;
    color:#C5E86A;
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 4px 8px 0px 8px;
    height: 24px;
    float: left;
    text-align: center;
    background: url(JO_images/blognav_sub_arrow1.gif) bottom center no-repeat #1d1d1d;

}
.menui:hover{
    background: url(JO_images/hrii.gif) top right repeat-y #333;
    font-weight: bold;
    border-top: 1px solid black;
/*    border-top: 1px solid #333;
    border-right: 1px solid #333;*/
    
}
ul.navi{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    width: 224px;
    padding-bottom: 8px;
}
ul.navi li{
    display: list-item;
    list-style: none;
    
    min-height: 24px;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    width: 216px;
    float: left;
}
ul.navi li a{
   background: url(JO_images/bullet_arrow.gif) no-repeat left center;
   display: block;
   color: #888;
   background-position: 0px 8px;
   line-height: 16px;
   min-height: 16px;
   padding-left: 12px;
   padding-bottom: 4px;
   padding-top: 4px;
   
}
ul.navi li a:hover{
    color:white;
}
ul.navii{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    width: 224px;
    padding-bottom: 8px;
}
.li_lasti{
    border-bottom: none;
    background:none;
}
ul.navii li{
    display: list-item;
    list-style: none;

    min-height: 24px;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    width: 216px;
    float: left;
}
ul.navii li a{
   background: url(JO_images/UIPageIndicator.png) no-repeat left center;
   display: block;
   color: #888;
   background-position: 0px 8px;
   line-height: 16px;
   min-height: 16px;
   padding-left: 12px;
   padding-bottom: 4px;
   padding-top: 4px;
/*   behavior: url(iepngfix.htc);*/
}
ul.navii li a:hover{
    color:white;
}
ul.navi_none{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    width: 224px;
    padding-bottom: 8px;
}
ul.navi_none li{
    display: list-item;
    list-style: none;

    min-height: 24px;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    width: 216px;
    float: left;
}
ul.navi_none li a{
   display: block;
   color: #888;
   line-height: 16px;
   min-height: 16px;
   padding-left: 4px;
   padding-bottom: 4px;
   padding-top: 4px;
/*   behavior: url(iepngfix.htc);*/
}
ul.navi_none li a:hover{
    color:white;
}
/*
/////
////
///
*/
.JO_h1i{
    
    padding:0px;
    margin:0px 8px 0px 8px;
    padding: 0px 0px 0px 0px;
    line-height: 24px;
    background: url(JO_images/hr.gif) repeat-x bottom left;
    color: #C5E86A;
    font-weight: bold;
}
.JO_h1ii{

    padding:0px;
    margin:0px 8px 0px 8px;
    padding: 0px 0px 0px 0px;
    line-height: 24px;
    color: #C5E86A;
    border-bottom: 1px solid #333;
    font-weight: bold;
}
.h1i{
    height: 20px!important;
    padding:0px;
    margin:4px 8px 0px 8px;
    background: url(JO_images/hr.gif) repeat-x bottom left;
    color: #C5E86A;
}
.h3i{
    height: 20px!important;
    position: absolute;
    top:0px;right: 0px;
    padding:0px;
    margin:4px 8px 0px 8px;
/*    color: #C5E86A;*/
    font-weight: normal;
}
.h2i{
    height: 20px!important;
    padding:0px;
    margin:4px 0px 0px 0px;
    background: url(JO_images/hr.gif) repeat-x bottom left;
    color: #C5E86A;
}
.bar_240i{
    width: 232px;
    position: relative;
    top:4px;
    float: left;
    background: #1A1A1A;
}
.title_240i{
    height: 24px !important;
    line-height: 16px;
    background:  #1a1a1a;
    width: 232px;
    float: left;
    position: relative;
}
.title_240i h1{
    width:216px;
}
.bar_720ii{
    width: 720px;
    position: relative;
    top:4px;
    float: left;
    margin-left: 0px;;
    background: #1A1A1A;
}
.bar_720i{
    width: 720px;
    position: relative;
    top:4px;
    float: left;
    background: #1A1A1A;
}
.bar_960i{
    width: 960px;
    position: relative;
    top:4px;
    float: left;
/*    background: #1A1A1A;*/
}
.title_720i{
    height: 24px !important;
    line-height: 16px;
    background:  #1a1a1a;
    width: 712px;
    float: left;
    position: relative;
}
.bar_480i{
    width: 480px;
    position: relative;
    top:4px;
    float: left;
    margin-left: 8px;;
    background: #1A1A1A url(JO_images/commenter_time.gif) repeat-x left bottom;
}
.bar_480ii{
    width: 464px;
    position: relative;
    top:4px;
    float: left;
    border: 1px solid transparent ;
    
}
.bar_240ii{
    width: 232px;
    position: relative;
    top:4px;
    float: left;
    margin-left: 8px;
/*    padding: 0px 4px 0px 4px;*/
    background: #1A1A1A url(JO_images/commenter_time.gif) repeat-x left bottom;
}
.title_480i{
    height: 24px !important;
    line-height: 16px;
    background:  #1a1a1a;width: 480px;
    float: left;
    position: relative;
}
.mar8i{
    float: left;
    padding-top: 8px;
    height: 4px !important;
    width: 8px !important;
    background: url(JO_images/hri.gif1) top right repeat-y;
}
.mar12i{
    float: left;
    padding-top: 8px;
    height: 4px !important;
    width: 12px !important;
    background: url(JO_images/hri.gif1) top right repeat-y;
}
.mar16i{
    float: left;
    padding-top: 8px;
    height: 4px !important;
    width: 16px !important;
    background: url(JO_images/hri.gif1) top right repeat-y;
}
.mar4i{
    float: left;
    padding-top: 8px;
    height: 4px !important;
    width: 4px !important;
    background: url(JO_images/hri.gif1) top right repeat-y;
}
.mar7i{
    float: left;
    padding-top: 8px;
    height: 4px !important;
    width: 7px !important;
    background: url(JO_images/hri.gif1) top right repeat-y;
}
.img_arti{
    width: 108px;
    height: 108px;
    position: absolute;
    top:0px;
    right: 0px;
}
.img_arti img{
    width: 100px;height: 100px;margin: 4px
}
.imgringi{
    float:left;
    width: 48px;
    height: 48px;
    border: 1px solid #222;
    behavior: url(iepngfix.htc);
}

.box480i{
    border: 1px solid #222222;
    margin: 4px 0px 8px 0px;
    position: relative;
    height: 108px;
    float: left;
    width: 464px;
}
.content240i{
    background:url(JO_images/hri.gif1) top left repeat-y;
    width: 232px;
    float: left;

    /*                     height: 272px;*/
    padding:0px;
    margin:0px;
    position: relative;
}
.content720i{
    background:url(JO_images/hri.gif1) top left repeat-y;
    width: 720px;
    float: left;

    /*                     height: 272px;*/
    padding:0px;
    margin:0px;
    position: relative;
}
.content_box480i{
    background:url(JO_images/hri.gif1) top left repeat-y;
    width: 462px;
    float: left;
    border-radius   : 5px ; 
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(PIE.htc);
    padding:0px;
    margin:4px 0px 8px 0px;
    position: relative;
    border-bottom: 1px solid #3D3D3D;
    border-left: 1px solid black;
    border-right: 1px solid #333;
    border-top: 1px solid black;

}
.content_box480ii{
background: url(JO_images/hri.gif1) top left repeat-y;
width: 462px;
float: left;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
behavior: url(PIE.htc);
padding: 0px;
margin: 0px 0px 8px 0px;
position: relative;
border-bottom: 1px solid #3D3D3D;
border-left: 1px solid black;
border-right: 1px solid #333;
}
.content_box240i{
    background:url(JO_images/hri.gif1) top left repeat-y;
    width: 206px;
    float: left;
    border-radius   : 5px ;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(PIE.htc);
    padding:0px;
    margin:4px 0px 8px 0px;
    position: relative;
    border-bottom: 1px solid #3D3D3D;
    border-left: 1px solid black;
    border-right: 1px solid #333;
    border-top: 1px solid black;

}
.content_box240ii{
background: url(JO_images/hri.gif1) top left repeat-y;
width: 206px;
float: left;
border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
behavior: url(PIE.htc);
padding: 0px;
margin: 0px 0px 8px 0px;
position: relative;
border-bottom: 1px solid #3D3D3D;
border-left: 1px solid black;
border-right: 1px solid #333;
}
.imgtvi{
    margin-right: 4px;
    float: left;
    width:60px;
    height:60px;
    border:1px solid #222;
    behavior: url(iepngfix.htc);
}
.imgalbumi{
     border-radius   : 4px ;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(PIE.htc);
    
    width:82px;
    height:82px;
    border:1px solid #222;
    behavior: url(iepngfix.htc);
}
.albumi{
    padding: 7px 0px 4px 0px;
    width: 84px;
    float:left;
    text-align: center;
}
.album_title{
    float: left;
    width:82px;
    line-height: 16px;
    min-height: 16px;

    padding-bottom: 0px;
    padding-top: 4px;
}
/*
/////
////
///
*/
table.tbi				{ border-collapse: collapse; }

table.tbi tr {
        margin:				0px;
        padding:			0px;
        vertical-align:		top;
        background-color:	#1a1a1a;
}

table.tbi th {
        margin:				0px;
        padding:			4px 7px 3px 8px;
        line-height:		16px;
        text-align:			left;
        vertical-align:		middle;
        border-bottom:		1px solid #222; /* 20 */
        background-color:	#161616;  /*10 */
        color:#ffac30;
}
table.tbi th.pad0 {
        margin:				0;
        padding:			4px 0 3px 0;
        line-height:		16px;
        text-align:			left;
        vertical-align:		middle;
        border-bottom:		1px solid #222; /* 20 */
        background-color:	#161616;  /*10 */
        color:#ffac30;
}
table.tbi td.pad0 {
        margin:				0;
        padding:			4px 0 4px 0;
        line-height:		16px;
        vertical-align:		top;
        border-bottom:		1px solid #222; /* 20 */
}
table.tbi td {
        margin:				0;
        padding:			4px 7px 4px 8px;
        line-height:		16px;
        vertical-align:		top;
        border-bottom:		1px solid #222; /* 20 */
}
table.tbi tr.sediti td {
        margin:				0;
        padding:			4px 7px 4px 8px;
        line-height:		16px;
        vertical-align:		top;
        border-bottom: none;
        background: #111;
        
}
table.tbi tr.eediti td {
        margin:				0;
        padding:			4px 7px 4px 8px;
        line-height:		16px;
        vertical-align:		top;
        border-bottom:		1px solid #222; /* 20 */
        background: #333;

}
/*
/////
////
///
*/
#JO_top_show{
    position: relative;
    margin-left: 8px;
}
.JO_top_slideshow{
    height: 64px;
    width: 232px;
    margin: auto;
    position: relative; 
    overflow-x: hidden;
    overflow-y: hidden;
}
.JO_top_item2{
    width: 222px;
    height: 56px;
    z-index: 9;
    float: left;
    position: relative;
}
.JO_top_item_small{
    width: 222px;
    height: 40px;
    z-index: 9;
    float: left;
    position: relative;
}
.JO_top_item{
    position: absolute; 
    left: 0px; opacity: 1;
    width: 232px;
    height: 64px;
    z-index: 9;
    top: -64px;
    display: none;
    
}
.JO_top_item_posi_small{
    position: absolute;
    top: 7px;
    left: 15px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color:orange;
    border: 1px solid #333;
/*    background: url(JO_images/topbg2.png) center center no-repeat;*/
    behavior: url(iepngfix.htc);
    

}
.JO_top_item_posi{
    float: left;
    width: 48px;
    height: 48px;
    margin: 8px 0px 0px 0px;
/*    border: 1px solid #333;*/
    position: relative;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color:orange;
    background: url(JO_images/topbg.png) center center no-repeat;
    behavior: url(iepngfix.htc);
    
}
.JO_top_item_posi2{
    float: left;
    width: 48px;
    height: 48px;
    margin: 8px 0px 0px 0px;
    border: 1px solid #333;
    position: relative;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color:orange;
    background: url(JO_images/topbg.png) center center no-repeat;
    behavior: url(iepngfix.htc);

}
.JO_border_rarius{
    border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    behavior: url(PIE.htc);
}
.JO_top_item_img{
    float: left;
    width: 48px;
    height: 48px;
    margin: 8px 0px 0px 4px;
    position: relative;
}
.JO_top_item_img2{
    position: absolute;
    width: 48px;
    height: 48px;
    margin: 0px 0px 0px 0px;
    top:8px;
    left:64px;
}

.JO_top_item_img img{
    width: 48px;
    height: 48px;
    padding: 0px;
    margin: 0px;
}
.JO_top_item_content{
    float: left;
    height: 48px;
    margin: 8px 0px 0px 8px;
    position: relative;
    width: 104px;
    
}
.JO_top_item_content2{
    position: absolute;
    height: 48px;
    top:8px;
    right:0px;
    width: 104px;
    
}
.JO_top_item_content_small{
    position: absolute;
    height: 28px;
    top:12px;
    right:0px;
    width: 156px;

}
.JO_top_down{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 4px;
    padding-left: 8px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px -76px;
    line-height: 16px;
    text-align: right;
}
.JO_top_up{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 4px;
    padding-left: 8px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px 4px;
    line-height: 16px;
    text-align: right;
}
.JO_top_unchanged{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 0px;
    padding-left: 16px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px -272px;
    line-height: 16px;
    text-align: left;
}
.JO_top_downii{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 4px;
    padding-left: 8px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px -76px;
    line-height: 16px;
    text-align: right;
}
.JO_top_upii{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 4px;
    padding-left: 8px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px 4px;
    line-height: 16px;
    text-align: right;
}
.JO_top_unchangedii{
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0px;
    right: 0px;
    padding-left: 8px;
    background: url(JO_images/ic_updown.gif) no-repeat;
    background-position: 4px -272px;
    line-height: 16px;
    text-align: right;
}


        #nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0px; padding: 0px;  }
        #nav a.activeSlide { background: #F90 }
        #nav a:focus { outline: none; }

.text{
    line-height: 16px;
    padding: 0px 0;
}
.JO_album_item{
    float: left;width: 464px;height: 84px;padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #222;
}
.JO_album_item img{
    float: left;
}
.JO_album_item div.JO_albumcontent{
    width: 372px;float: left;position: relative;
}
.JO_album_release,.JO_album_view{
    width: 190px;text-align: right;right: 0px;top:0px;position: absolute;
    line-height: 16px;height: 24px;
}
.JO_album_info{
    float: left;width: 464px;height: auto;padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #222;
}
.JO_album_info img{
    float: left;
    width: 120px;
    height: 120px;
}
.JO_album_info div.JO_albumcontent{
    width: 332px;float: left;
}
.JO_vote_item{
    width: 704px;float: left;height: 80px;margin: 8px 0px 0px 0px; padding-bottom: 8px;position: relative;border-bottom: 1px solid #222;
}
.JO_vote_rank{
    width: 79px;height: 79px;border: 1px solid #222;float: left;line-height: 79px;text-align: center;position: relative;
    font-size: 32px;
    color: orange;
    
/*    border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    behavior: url(PIE.htc);*/

/*    background: url(JO_images/topbg.png) center center no-repeat;
    behavior: url(iepngfix.htc);*/
}
.JO_vote_rank1{
    width: 79px;height: 79px;border: 1px solid #222;float: left;line-height: 79px;text-align: center;position: relative;
    font-size: 24px;color: blue;
}
.JO_vote_rank2{
    width: 79px;height: 79px;border: 1px solid #222;float: left;line-height: 79px;text-align: center;position: relative;
    font-size: 18px;color: #ebebeb
}
.JO_vote_img{
    width: 80px;height: 80px;float: left;background: #ebebeb;
}
.JO_vote_content{
    width: 368px;height: 80px;float: left;line-height: 16px;
}
.JO_vote_vote{
    width: 140px;height: 80px;position: absolute;top:0px;right: 0px;line-height: 16px;text-align: right;
}
.JO_Kpop_itemi{
    width: 704px;float: left;margin: 8px 0px 0px 0px; padding-bottom: 0px;position: relative;border-bottom: 1px solid #222;
/*      -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;*/
        border-bottom: 1px solid black;
        border-left: 1px solid #333;
        border-right: 1px solid black;
        border-top: 1px solid #333;
        background: url(JO_images/333.png) repeat-y 479px 0px;

}
.JO_borderi{
    border-bottom: 1px solid black;
        border-left: 1px solid #333;
        border-right: 1px solid black;
        border-top: 1px solid #333;
}
ul.navnewi{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    width: 216px;
    padding-bottom: 8px;
}
ul.navnewi li{
    display: list-item;
    list-style: none;

    min-height: 24px;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    width: 216px;
    float: left;
}
ul.navnewi li a{
   background: url(JO_images/UIPageIndicatorCurrent.png) no-repeat left center;
   display: block;
   color: #888;
   background-position: 0px 10px;
   line-height: 16px;
   min-height: 16px;
   padding-left: 10px;
   padding-bottom: 4px;
   padding-top: 4px;

}
ul.navnewi li a:hover{
    color:white;
}
ul.navnewii{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    width: 208px;
    padding-bottom: 8px;
}
ul.navnewii li{
    display: list-item;
    list-style: none;

    min-height: 24px;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    width: 208px;
    float: left;
}
ul.navnewii li a{
   background: url(JO_images/UIPageIndicatorCurrent.png) no-repeat left center;
   display: block;
   color: #888;
   background-position: 0px 10px;
   line-height: 16px;
   min-height: 16px;
   padding-left: 10px;
   padding-bottom: 4px;
   padding-top: 4px;

}
ul.navnewii li a:hover{
    color:white;
}
ul.nav_relatedi{
    float: left;
    list-style: none;
    padding-left: 8px;
    margin: 0px;
    max-width: 472px;
    padding: 0px;
}
ul.nav_relatedi li{
    display: list-item;
    list-style: none;
    
    _height: 24px;
    min-height: 24px;
    height: auto !important;
    background: url(JO_images/hri.gif) bottom left repeat-x;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    
/*    width: 100%;*/

}

ul.nav_relatedi li a{
   background: url(JO_images/bullet-orange.png) no-repeat left center;
/*   UIPageIndicatorCurrent.png*/
   display: block;
   color: #888;
   background-position: 0px 10px;
   line-height: 16px;
   padding-left: 10px;
   padding-bottom: 4px;
   padding-top: 4px;

}
ul.nav_relatedi li a:hover{
    color:white;
}
.JO_kpop_item_titlei{
    border-bottom: 1px solid #333;line-height: 24px;color: #C5E86A;font-weight: bold;padding: 0px 0px 0px 8px;
    background: #1a1a1a;
}
.textbi{
    line-height: 16px;
    font-weight: bold;
}
.texti{
    line-height: 16px;
    
}
.JO_kpop_relatedi{
  line-height: 16px;
  font-style: italic;
}
.JO_kpop_relatedi a{
    padding: 4px 0px 4px 0px;
}
.JO_dot_bottom{
    background: url(JO_images/hri.gif) bottom left repeat-x;
}
ul.nav_relatedi li.JO_lasti,ul.navnewi li.JO_lasti{
    background: none;
}
.JO_kpop_item_imgi{
    width: 188px;height: 128px;background-color: #555;margin: 8px 0px 8px 0px;float: left;
}
.JO_kpop_item_imgi img{
    width: 184px;margin: 2px 0px 0px 2px;height: 124px;
}
.JO_kpop_item_contenti{
    width: 268px;margin: 8px 0px 8px 8px;float: left;
}
.JO_kpop_item_relatedsi{
    width: 224px;margin: 0px 0px 0px 0px;float: right;
/*    border-left: 1px solid #333;*/
}

/*====================================== Khu Vuc Tuan Code ================================================*/
.JO_no_background{
	background: none;
}
.navi .item_selected{
	color		: white;
	font-weight	: bold;
}

.JO_tablei_input{
	border-collapse	: collapse;	
	margin			: 4px 4px 4px 0px;
}

.JO_tablei_input tr {
	margin			: 0px;
	padding			: 0px;
	vertical-align	: top;	
}

.JO_tablei_input th {
	text-align		: left;
	line-height		: 16px;
	
	vertical-align	: middle;
	padding			: 8px 4px 7px 4px;
	
	border-bottom	: 1px solid #888;
}

.JO_tablei_input th.align_top{
	vertical-align	: top;
}

.JO_tablei_input th.last_row {
	padding			: 8px 4px 8px 4px;
	border-bottom	: none;
}

.JO_tablei_input td {
	text-align		: left;
	line-height		: 16px;
	
	vertical-align	: middle;
	padding			: 4px 4px 3px 4px;
	border-bottom	: 1px solid #888;
}

.JO_tablei_input .aligh_center{
	text-align		: center;
}

.JO_tablei_input td.last_row {
	padding			: 4px 4px 4px 4px;
	border-bottom	: none;
}

.JO_tablei_input td.paging_row {
	padding			: 4px 4px 4px 4px;
	text-align		: center;
	vertical-align	: middle;
	border-bottom	: none;
}

.JO_tablei_input td.paging_row a.selected {
	font-weight		: bolder;
	text-decoration	: underline;
}

.JO_tablei_input .JO_txt_input,
.JO_tablei_input .JO_ta_input,
.JO_tablei_input .JO_cb_input {
	width			: 568px;
	
	border			: none;
	color			: black;
	line-height		: 16px;
	background-color: #3A3A3A;
	color			: #D9D9D9;
	
	margin			: 4px 4px 4px 4px;
	padding			: 4px 4px 4px 4px;
	*padding		: 2px 2px 2px 2px;
}

.JO_tablei_input .JO_cb_input {
	width			: 576px;
}

.JO_tablei_input option,
.JO_tablei_input select{
	background-color: #3A3A3A;
	color			: #D9D9D9;
	border			: 1px solid #454545;
	margin			: 4px;
	
	padding			: 3px 3px 3px 3px;
}

.JO_tablei_input .JO_butt_input {
	width			: 576px;
	line-height		: 16px;
	font-size		: 11px;
	
	border			: 1px solid #454545;
	background		: url(http://file.bugsm.co.kr/nbugs/common/header/bg_headerWrap.gif) repeat-x top left;
	color			: #D9D9D9;
	
	margin			: 4px 4px 4px 4px;
	padding			: 2px 2px 2px 2px;
	
}

.JO_tablei_input img.butt_image {
	border		: none;
	width		: 16px;
	height		: 16px;
	behavior	: url(iepngfix.htc);
}

.JO_tablei_input .JO_lbl_validation {
	color			: yellow;
	font-weight		: bold;
	margin			: 4px 4px 4px 4px;
	display			: none;
}
/*================================= Ket Thuc Khu Vuc Tuan Code ============================================*/
.JO_kpop_new_topnewsi{
    width: 224px;margin: 0px 0px 0px 0px;float: right;
/*    border-left: 1px solid #333;*/
}
.JO_kpopnews_itemi{
    float: left;width: 464px;padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #222;
}

.JO_kpopnews_itemi div.JO_newimg{
    float: left;
    background: #ebebeb;
    width: 152px;
    height: 120px;

}
.JO_kpopnews_itemi div.JO_newimg img{
    margin: 0px;
    padding: 2px;
    width: 148px;
    height: 116px;
    background: #555;
}
.JO_kpopnews_itemi div.JO_newscontenti{
    width: 304px;float: left;
    line-height: 16px;
}
.JO_kpopnews_itemi div.JO_newscontent2i{
    width: 464px;float: left;
    line-height: 16px;
}


.JO_kpopnews_item720i{
    float: left;width: 704px;padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #222;
}

.JO_kpopnews_item720i div.JO_newimg{
    float: left;
    background: #ebebeb;
    width: 152px;
    height: 120px;

}
.JO_kpopnews_item720i div.JO_newimg img{
    margin: 0px;
    padding: 2px;
    width: 148px;
    height: 116px;
    background-color:#555;
}
.JO_kpopnews_item720i div.JO_newscontenti{
    width: 544px;float: left;
    line-height: 16px;
}
.JO_kpopnews_item720i div.JO_newscontent2i{
    width: 464px;float: left;
    line-height: 16px;
}


.JO_ii{
    font-size: 10px;
    padding-right: 8px;
    color: orange;
}
.JO_i2i{
/*    font-size: 10px;*/
    padding-right: 8px;
    color: #6B84B4;
}
.JO_mar4{
    margin-left: 4px;
}
.JO_kpopnew_maincontenti{
    line-height: 16px;
    float:left;
}
.JO_kpopnew_maincontenti img{
    max-width: 700px;
    
    
}

.JO_kpopcomment_itemi{
    float: left;width: 464px;padding: 4px 0px 4px 0px;
    border: 1px solid #222;
/*    background: #f4fcfe;*/
    margin-top: 8px;
    
}

.JO_kpopcomment_itemi div.JO_commentsimg{
    float: left;
    background: #ebebeb;
    width: 152px;
    height: 120px;
    
}
.JO_kpopcomment_itemi div.JO_commentsimg img{
    margin: 4px;
    padding: 0px;
    width: 144px;
    height: 112px;
}
.JO_kpopcomment_itemi div.JO_commentscontenti{
    width: 300px;float: left;
    line-height: 16px;
}
.JO_kpopcomment_itemi div.JO_commentscontent2i{
    width: 460px;float: left;
    line-height: 16px;
    
}
.JO_kpopcomment_itemi div.JO_commentscontent3i{
    width: 464px;float: left;
    line-height: 16px;

}
.JO_comment_itemi{
    margin: 0px 4px 0px 4px;
    min-height: 40px;
    height: 48px;
    padding: 0px;
    border-top: 1px solid #222;
/*    border-bottom: 1px solid #222;*/
    float: left;
width: 448px;

}
.JO_comment_item_newi{
    margin: 0px 4px 0px 4px;
    min-height: 40px;
    
    padding: 0px;
    border-top: 1px solid #222;
/*    border-bottom: 1px solid #222;*/
float: left;
width: 448px;
}
.JO_subcommenti{
    margin: 4px 4px 4px 4px;
    min-height: 40px;
    padding: 0px;
}
.JO_avatar_cmi{
    float: left;
    width: 40px;
    height: 40px;
    padding: 4px 0px 0px 0px;
    
    
}
.JO_subcomment_contenti{
    margin: 4px 0px 0px 8px;
    min-height: 40px;
    padding: 0px;
    float: left;
    width: 400px;
    
}
.JO_subcomment_newcontenti{
    margin: 4px 0px 4px 8px;
    min-height: 40px;
    padding: 0px;
    float: left;
    width: 400px;
}
#JO_capchari{
    
    width: 70px;
    border: 1px solid rgb(69, 69, 69);
    background-color: rgb(58,58,58);
    color: rgb(217,217,217);
    line-height: 20px;
    height: 22px;
    padding: 0px 4px 0px 8px;
    font-size: 11px;
    float: left;
}
#JO_addcomment , #JO_cancelcomment {
/*    line-height: 16px;padding: 4px 8px;height: 16px;*/
    float: left;
    margin: 0 4px;
/*    color: #6B84B4;*/
}
/*#JO_addcomment:hover,#JO_cancelcomment:hover{
    background: #222;
    line-height: 16px;padding: 3px 8px;height: 16px;
    border-bottom:1px solid black;
    border-left:1px solid #333;
    border-top:1px solid #333;
    border-right:1px solid black;

}*/

.JO_Commentsii{
    float: left;width: 704px;margin-bottom: 8px;
    
}
#JO_Commentsii_finish{
    float: left;width: 686px;margin-bottom: 8px;
    border-bottom:1px solid black;
    border-left:1px solid #333;
    border-top:1px solid #333;
    border-right:1px solid black;
    padding: 4px 8px;
    background: #111;
}
.JO_Comments_avatarii{
/*     *height: 96px;*/
    float: left;width:174px;min-height: 96px;

    border-bottom:1px solid #333;
    border-left:1px solid black;
    border-top:1px solid black;
    border-right:1px solid #333;
    position: relative;
    background: #111;
    padding-bottom: 3px;
   
}
.JO_Comments_nameii{
    margin: 68px 0px 0px 4px;float: left;
/*    position: absolute;top:68px;left:4px;*/
    border: 1px solid #222;padding-top: 4px;
    width: 156px;line-height: 16px;font-weight: bold;
    padding-left: 8px;
    padding-bottom: 4px;
    z-index: 5;
    
    *margin-left: 2px;
    *margin-right: 0px;
    
    
}
.JO_Comments_avatarii img{
    position: absolute;top: 4px;left: 4px;padding: 2px;width: 60px;height: 60px;background: #7d7d7d;
    z-index: 6;
}
.JO_Comments_dateii{
    position: absolute;top: 4px;left: 72px;width: 88px;border: 1px solid #222;
                                         line-height: 24px;padding-left: 8px;
                                         z-index: 6;
}
.JO_Comments_timeii{
    position: absolute;top: 33px;left: 72px;width: 88px;border: 1px solid #222;
                                         line-height: 24px;padding-left: 8px;
                                         z-index: 6;
}
.JO_Comments_contentii{
    float: left;width:498px;
    padding: 4px 8px 4px 8px;
    border-bottom:1px solid #222;
    /*border-left:1px solid #0f0f0f;
    border-top:1px solid #0f0f0f;*/
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #222;
    position: relative;
    background: #111;
    min-height: 92px;
    
    line-height: 16px;
/*    *height:92px;*/
}
.JO_Comments_arowii{
    position: absolute;
/*                                        background: url(JO_images/comment_bubble_tip__.gif) no-repeat top left;*/
                                        top:16px;left: -10px;
                                        width: 10px;
}

.JO_add_Commentsii{
    float: left;width: 704px;margin-bottom: 8px;
}
.JO_add_Comments_avatarii{
    float: left;width:174px;height: 60px;
    border-bottom:1px solid #333;
    border-left:1px solid black;
    border-top:1px solid black;
    border-right:1px solid #333;
    position: relative;
    background: #111;
}
.JO_add_Comments_nameii{
    position: absolute;top: 4px;left: 4px;width: 154px;border: 1px solid #222;
    padding: 3px 5px 3px 6px;line-height: 16px;height: 16px;;
    border: 1px solid #333;
    background-color: #222;
    color: #D9D9D9;
    
}
.JO_add_Comments_emailii{
    position: absolute;top: 32px;left: 4px;width: 154px;border: 1px solid #222;
    padding: 3px 5px 3px 6px;line-height: 16px;height: 16px;
    border: 1px solid #333;
    background-color: #222;
    color: #D9D9D9;
}
.JO_add_Comments_contentii{
    float: left;width:514px;
    padding-left: 0px;
    border-bottom:1px solid #222;
    /*border-left:1px solid #0f0f0f;
    border-top:1px solid #0f0f0f;*/
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #222;
    position: relative;
    background: #111;
/*    min-height: 96px;*/
}
#JO_account_infi{
    background: url(images/back.png);
/*     visibility: visible;*/
top: 32px;
left: 728px;
position: absolute;
display: none;
z-index: 999;
list-style: none;
border: 0;
padding: 0;
margin: 0;
color: #D7D7D7;

}
#JO_account_infi ul{
    border-bottom: 1px solid #222;
    border-right: 1px solid #222;
    list-style: none;
    border: 0;
    padding: 0;
    margin: 0;
    
}
#JO_account_infi ul li{
    float: none;display: list-item;
    height: 24px;
}
#JO_account_infi ul li a:hover span{
    background-color:#444;
    color: #fff;
}
#JO_account_infi a{
height: 24px;
line-height: 16px;
padding: 0px;position: static;z-index: 77;
}

#JO_account_infi a.parent span{
background: url(images/pointer.gif) no-repeat right 9px;
display: block;
text-transform: none;
line-height: 24px;
padding: 0px 24px 0px 12px;
font-size: 11px;
}
#JO_account_infi a span{

display: block;
text-transform: none;
line-height: 24px;
padding: 0px 24px 0px 12px;
font-size: 11px;
}
/*#JO_account_infi>ul>li:hover>a span {
    color:#6bb90d; 
color: white;

}*/
/*#JO_account_infi li a:hover span {
   background-color:#444;
}*/
#JO_account_infi li a.parent:hover span {
   background: url(images/pointer.gif) no-repeat right 9px #444;

}

#JO_noticei{
    width: 958px;background:  #202020;
    border: 1px solid #202020;
    float: left;margin-top: 0px;
/*    padding: 4px 0px 4px 0px;*/
    position: relative;
}
#JO_noticei:hover{
    border: 1px solid #333;
    background:  #1a1a1a;
    
}
.JO_noticei1_1{
    width: 956px;
    
    float: left;
    margin-top: 0px;position: relative;
    border: 1px solid #202020;

}

.JO_noticei2_1,.JO_noticei2_2{
    width: 474px;
    float: left;
    margin-top: 0px;position: relative;
    border: 1px solid #202020;

}
.JO_noticei2_2{
    margin-left: 6px;
}
.JO_noticei2_1 img,.JO_noticei2_2 img{
    width: 474px;
    height: 100px;
}
.JO_noticei4_1{
    width: 230px;

    float: left;
    margin-top: 0px;position: relative;
    border: 1px solid #202020;

}
.JO_noticei4_2,.JO_noticei4_3{
    width: 236px;
    margin-left: 6px;
    float: left;
    margin-top: 0px;position: relative;
    border: 1px solid #202020;

}
.JO_noticei4_4{
    width: 230px;

    float: right;
    margin-top: 0px;position: relative;
    border: 1px solid #202020;
}
.JO_noticei4_1 img {
    width: 230px;
    height: 100px;
}
.JO_noticei4_4 img{
    width: 230px;
    height: 100px;
}
.JO_noticei4_3 img,.JO_noticei4_2 img{
    width: 236px;
    height: 100px;
    
}
.JO_noticei3_1,.JO_noticei3_2,.JO_noticei3_3{
    width: 313px;
    
    border-left: none;
    border:  1px solid #202020;
    float: left;
    margin: 0;position: relative;
}
.JO_noticei3_2,.JO_noticei3_3{
    margin-left: 6px;
}
.JO_noticei3_1 img,.JO_noticei3_2 img,.JO_noticei3_3 img{
    width: 313px;
    height: 100px;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #444; /* set border COLOR as desired */
list-style-type: none;
padding: 4px 8px 4px 8px; /* THIRD number must change with respect to padding-top (X) below */
margin-left: 8px;
}

ul#tabnav li { /* do not change */
display: inline;
}

/*#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4 {  settings for selected tab
border-bottom: 1px solid #fff;  set border color to page background color 
background-color: #fff;  set background color to match above border color 
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a {  settings for selected tab link 
background-color: #fff;  set selected tab background color as desired 
color: #000;  set selected tab link color as desired 
position: relative;
top: 1px;
padding-top: 4px;  must change with respect to padding (X) above and below 
}*/

ul#tabnav li a { /* settings for all tab links */
padding: 4px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #444; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #333; /* set unselected tab background color as desired */
color: #ebebeb; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
font-weight: bold;

}

ul#tabnav a:hover { /* settings for hover effect */
background: #1a1a1a; /* set desired hover color */
font-weight: bold;
color: #C5E86A;
}
ul#tabnav li a.activetab{

    padding: 4px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #444; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #1a1a1a; /* set unselected tab background color as desired */
    color: #C5E86A; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: 1px solid #1a1a1a;
    font-weight: bold;
}

.JO_prei{
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 32px;
	width: 32px;
	height: 82px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background: url(JO_ICON/big_transparent.gif) repeat center center;
	position: absolute;
	z-index: 200;
	left: 8px;
        top: 8px;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../JO_ICON/cursors/cursor_arrow_left.cur), url(JO_ICON/cursors/cursor_arrow_left.cur),w-resize;
}
.JO_pre_se{
        background: url(JO_ICON/arrow_left.gif) no-repeat left center #fff;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
.JO_prei:hover{
        opacity: 0.5; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
.JO_nexi{
    min-width: 32px;
	width: 32px;
	height: 82px;
	background: url(JO_ICON/big_transparent.gif) repeat center center;
	position: absolute;
	z-index: 200;
	right: 8px;
        top: 8px;
	cursor: url(../JO_ICON/cursors/cursor_arrow_right.cur), url(JO_ICON/cursors/cursor_arrow_right.cur),e-resize;
}
.JO_nex_se{
        background: url(JO_ICON/arrow_right.gif) no-repeat right center #fff ;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
.JO_nexi:hover{
        opacity: 0.5; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

